/* Teledirect.com.sg */


/* GLOBAL OBJECTS | Start */
#showcase {
width:963px; height:475px;
/* background:url(../images/bg/loading.gif) center no-repeat; */
}

#showcase a {
text-decoration:none;
color:white;
}

#showcase a:hover {
color:#fff0f2;
}

#showcase a:active {
color:#ffeb40;
}

#showcase #canvas {
position: absolute;
z-index: 10;
width:963px; height:475px;
overflow: hidden;
}

.titlebox {
background:#e2001a;
width:317px; height:155px;
position:absolute;
color:white;
}

.titlebox h1, .titlebox_empty h1 {
color:white;
font-size:1.9em;
text-transform:uppercase;
line-height:1.2em;
}

.titlebox .content, .titlebox_empty {
width:300px;
padding:25px 13px 25px 13px;
font-size:0.7em;
}

.bg_about {
background:#e2001a url(../images/bg/titlebox_about.png) right bottom no-repeat;
}
.bg_solutions {
background:#e2001a url(../images/bg/titlebox_solutions.png) right bottom no-repeat;
}
.bg_whyus {
background:#e2001a url(../images/bg/titlebox_whyus.png) right bottom no-repeat;
}
.bg_news {
background:#e2001a url(../images/bg/titlebox_news.png) right bottom no-repeat;
}
.bg_career {
background:#e2001a url(../images/bg/titlebox_career.png) right bottom no-repeat;
}
.bg_contact {
background:#e2001a url(../images/bg/titlebox_contact.png) right bottom no-repeat;
}


#showCaption, #showCaption h1 {
color:white;
font-size:1.9em;
text-transform:uppercase;
font-weight:bold;
line-height:1.2em;}

.singlebox1 {
width:157px; height:155px;
position: absolute;
background:black;
opacity:0.18;
}

.singlebox2 {
width:157px; height:155px;
position: absolute;
background:black;
opacity:0.08;
left:646px;
}

.singlebox3 {
width:157px; height:155px;
position: absolute;
background:black;
opacity:0.18;
top:160px;
}
.singlebox4 {
width:157px; height:155px;
position: absolute;
background:black;
opacity:0.18;
left:323px;
top:160px;
}
.singlebox5 {
width:157px; height:155px;
position: absolute;
background:black;
opacity:0.18;
left:646px;
top:160px;
}
.singlebox6 {
width:157px; height:155px;
position: absolute;
background:black;
opacity:0.18;
left:646px;
top:420px;
}



.titlebox_empty_pos1 {
width:293px; height:105px;
position: absolute;
}

.titlebox_empty_pos2 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos3 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos4 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos5 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos6 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos7 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos8 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos9 {
width:292px; height:105px;
position: absolute;
}

.pos2 {
left:323px;
}
.pos3 {
left:645px;
}
.pos4 {
top:160px;
}
.pos5 {
top:160px;
left:323px;
}
.pos6 {
top:160px;
left:645px;
}
.pos7 {
top:320px;
}
.pos8 {
top:320px;
left:323px;
}
.pos9 {
top:320px;
left:645px;
}


.clickable {
cursor:pointer;
}



/* GLOBAL OBJECTS | End   */



/* STACKING ORDERS | Start */
.z10 {
z-index:10;
}
.z15 {
z-index:15;
}
.z20 {
z-index:20;
}
.z25 {
z-index:25;
}
.z30 {
z-index:30;
}
.z35 {
z-index:35;
}
/* STACKING ORDER | End   */


/* Home | Start */
.home .bg {
width:963px; height:475px;
position:absolute;
background: url(../images/showcase/home/bg.jpg) no-repeat;
}
